<template>
  <div class="movie">
    <h1>Movie</h1>
    <h3>Count组件中的num值是{{num}}</h3>
    <h3>Count组件中的doubleNum值是{{doubleNum}}</h3>
  </div>
</template>

<script>
import {mapState,mapGetters} from "vuex"
export default {
name:"Movie",
mounted(){
    
  },
 //如果我们当前组件有自己的计算属性,还要额外的添加计算属性,我们可以
computed:{
  ...mapState(["num"]),
  ...mapGetters(["doubleNum"])
   //原始的写法，我们可以直接使用mapGetters辅助函数
    /* doubleNum() {
      return this.$store.getters.doubleNum;
    }, */
}
}
</script>

<style scoped>
.movie{
    background: yellowgreen;
}
</style>